<!DOCTYPE HTML>
<html>
<head>
<title> | {% block title %} {% endblock %}</title>
{% block js %} {% endblock %}
<!-- <link rel="stylesheet" href="/site_media/style.css" type="text/css"/> -->
<link href="site_media/css/bootstrap.css" rel="stylesheet">
<link href="site_media/css/bootstrap-responsive.css" rel="stylesheet">
<style>
body {
	padding-top: 60px;
}
</style>
</head>
<body>
	<script src="site_media/js/bootstrap.min.js"></script>
	
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="/"></a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li id="home"><a href="/" >Home</a></li>
						<li id="search"><a href="/search">Search</a></li>
						 <li id="database" class="dropdown">
              			  <a href="#" class="dropdown-toggle active" data-toggle="dropdown">Database <b class="caret"></b></a>
			                <ul class="dropdown-menu">
			                  <li><a href="/dictionary">Dictionary</a></li>
			                  <li><a href="/category">Category</a></li>
			                  <li><a href="/keyword">keyword</a></li>
			                <!--    <li><a href="/ner">Named Entity Recognition</a></li>-->
			                </ul>
			              </li>
			              <li id="trend" class="dropdown">
              			  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Trend Analysis <b class="caret"></b></a>
			                <ul class="dropdown-menu">
			                  <li><a href="/trend">Term Frequency</a></li>
			                  <li><a href="/d3">Force-Directed Graph</a></li>
			                  <li><a href="/d3co">Co-occurrence</a></li>
			                  <li><a href="/d3cloud">Word Cloud</a></li>
			                </ul>
			              </li>
			              <li id="visualviser"><a href="/visualviser">Visualviser</a></li>
             
						
					<!-- 	<li>{% if user.is_authenticated %} <a href="/logout">logout</a>{% else %} <a href="/login">longin</a>{%endif%} -->
						</li>
						
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
	

	 <div class="container">
		<h1>{% block head %} {% endblock %}</h1>
		<p>{% block content %} {% endblock %}</p>
	 </div> 
	
	
	  <!-- Placed at the end of the document so the pages load faster -->
    <script src="site_media/js/jquery.js"></script>
    <script src="site_media/js/bootstrap-transition.js"></script>
    <script src="site_media/js/bootstrap-alert.js"></script>
    <script src="site_media/js/bootstrap-modal.js"></script>
    <script src="site_media/js/bootstrap-dropdown.js"></script>
    <script src="site_media/js/bootstrap-scrollspy.js"></script>
    <script src="site_media/js/bootstrap-tab.js"></script>
    <script src="site_media/js/bootstrap-tooltip.js"></script>
    <script src="site_media/js/bootstrap-popover.js"></script>
    <script src="site_media/js/bootstrap-button.js"></script>
    <script src="site_media/js/bootstrap-collapse.js"></script>
    <script src="site_media/js/bootstrap-carousel.js"></script>
    <script src="site_media/js/bootstrap-typeahead.js"></script>
    
    
</body>
</html>